<div class="main-container">
    <div class="content-title">
        概化图
    </div>

    <div class="main-content">
        <div class="canvas-wrap" #canvasDiv>
            <div id="topology-canvas" style="width: 100%; height: 100%;"></div>

            <div class="gate-info" *ngIf="infoShow" [ngStyle]="{

                 'top': hoverItem.top,
                 'left': hoverItem.left
                 }">
                <div class="blue">警戒水位：{{hoverItem.alertLevel}}m</div>
                <div>当前水位：{{hoverItem.waterLevel}}m</div>
                <div class="blue">限定流量：{{hoverItem.limitTraffic}}m³/s</div>
                <div>当前引水流量：{{hoverItem.flow}}m³/s</div>
            </div>
        </div>

    </div>

</div>
